<template>
	<view class="container">
		<view class="mt200">
			<text class="title">人事代理</text>
		</view>
		<view class="nav">
			<u-row>
				<u-col span="4" class="h40" @click="toPolicyConsultation">
					<image src="../../static/renshi/home_renshi_icon01@2x.png" class="fl"></image>
					<text class="grid-text">政策咨询</text>
				</u-col>
				<u-col span="4" class="h40" @click="toTalentIntroduction">
					<image src="../../static/renshi/home_renshi_icon02@2x.png" class="fl"></image>
					<text class="grid-text">人才引进</text>
				</u-col>
				<u-col span="4" class="h40" @click="training">
					<image src="../../static/renshi/home_renshi_icon03@2x.png" class="fl"></image>
					<text class="grid-text">开展培训</text>
				</u-col>
			</u-row>
			<u-row>
				<u-col span="4" class="h40" @click="contract">
					<image src="../../static/renshi/home_renshi_icon04@2x.png" class="fl"></image>
					<text class="grid-text">聘用合同</text>
				</u-col>
				<u-col span="4" class="h40" @click="toSocialSecurityAgency">
					<image src="../../static/renshi/home_renshi_icon05@2x.png" class="fl"></image>
					<text class="grid-text">代办社保</text>
				</u-col>
				<u-col span="4" class="h40" @click="fileManage">
					<image src="../../static/renshi/home_renshi_icon06@2x.png" class="fl"></image>
					<text class="grid-text">档案管理</text>
				</u-col>
			</u-row>
		</view>
		<view>
			<text class="title">劳务派遣</text>
		</view>
		<view class="nav2">
			<u-grid :col="4" :border="false">
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon07@2x.png"></image>
					<view class="text">通用职能</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon08@2x.png"></image>
					<view class="text">金融/营销</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon09@2x.png"></image>
					<view class="text">地产/工程</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon10@2x.png"></image>
					<view class="text">物流/仓储</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon11@2x.png"></image>
					<view class="text">工业/制造</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon12@2x.png"></image>
					<view class="text">IT/互联网</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon13@2x.png"></image>
					<view class="text">医药/医疗</view>
				</u-grid-item>
				<u-grid-item>
					<image src="../../static/renshi/home_renshi_icon14@2x.png"></image>
					<view class="text">贸易/电商</view>
				</u-grid-item>
			</u-grid>
		</view>
		<pic></pic>
	</view>
</template>

<script>
	// import headers from '../../myComponents/header/header.vue'
	import pic from '../../myComponents/pic/pic.vue'
	// import recommend from '../../myComponents/recommend/recommend.vue'
	// import banner from '../../myComponents/banner/banner.vue'
	// import divider from '../../myComponents/divider/divider.vue'
	
	export default {
		data() {
			return {
				
			}
		},
		components:{
			pic,
			// recommend,
			// banner,    personnelPolicy
		 
		},
		methods: {
			toTalentIntroduction() {
				uni.navigateTo({
					url:'../../pageTwo/hrService/talentIntroduction/index'
				})
			},
			toPolicyConsultation() {
				uni.navigateTo({
					url:'../../pageTwo/hrService/policyConsultation/index'
				})
			},
			toSocialSecurityAgency() {
				uni.navigateTo({
					url:'../../pageTwo/hrService/socialSecurityAgency/index'
				})
			},
			fileManage() {
				uni.navigateTo({
					url: '../../pageTwo/hrService/fileManage'
				})
			},
			contract() {
				uni.navigateTo({
					url: '../../pageTwo/hrService/contract'
				})
			},
			training() {
				uni.navigateTo({
					url: '../../pageTwo/hrService/training'
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
	.container{
		font-size: 28rpx;
		.nav {
			padding-left: 36rpx;
			padding-right: 16rpx;
			line-height: 80rpx;
			margin-top: 22rpx;
			margin-bottom: 40rpx;
			image{
				width: 60rpx;
				height: 56rpx;
			}
			.grid-text {
				font-size: 26rpx;
				margin-top: 20rpx;
				color: #333333;	
			}
		}
		.nav2{
			padding-left: 24rpx;
			padding-right: 16rpx;
			image{
				width: 60rpx;
				height: 56rpx;
			}
			.text {
				font-size: 26rpx;
				margin-top: 16rpx;
				color: #333;
			}
		}
	}
	.title{
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		margin-left: 30rpx;
	}
	.mt200{
		margin-top: 200rpx;
	}
	.fl {
		margin-top: 14rpx;
		margin-right: 8rpx;
		float: left;
	}
	.h40{
		height: 40px;
	}
</style>
